<template>
	<view class="illustrate flex_c">
		<view class="title">广告推广说明</view>
		
		<view class="list flex_center" v-for="(item,index) in list" :key="index"> 
			<view>{{ index + 1 }}</view>
			<text>{{item}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					'每个人的推广费不同，成交比越高广告费用越低。例如：同时给两个商家各推100个用户，谁的订单成交数量越高，广告成本越便宜',
					'投诉越低广告费成本越低',
					'退单售后越少，广告费成本越低',
					'手动推广针对单个用户推广，创意推广是系统根据用户画像系统自动推广，其成本一样',
				],
			}
		},
		methods: {
			
		},
	}
</script>

<style lang="less" scoped>
	.illustrate {
		padding: 56rpx 30rpx 20rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		margin-top: 12rpx;
	}

	.title {
		font-family: PingFangSC, PingFang SC;
		font-weight: 600;
		font-size: 36rpx;
		color: #131313;
		margin-bottom: 30rpx;
	}
	
	.list {
		width: 100%;
		padding: 16rpx 0;
		view {
			width: 48rpx;
			height: 48rpx;
			border-radius: 24rpx;
			background: #FFF6D9;
			font-weight: 600;
			font-size: 36rpx;
			color: #EB0532;
			line-height: 48rpx;
			text-align: center;
			margin-right: 32rpx;
		}
		
		text {
			flex: 1;
			font-size: 28rpx;
			color: #333333;
			line-height: 40rpx;
		}
	}
</style>